<extend file="template/web/default/common.html"/>
<block name="content">

		<!--轮播图-->
		<!--注意：直接向下面的div中遍历输出a标签即可，小圆点会根据a标签的数量自动创建，边界条件会自动判断。-->
		<div id="flash">
				<slide>
					<a href=""><img src="{{$field['slide_thumb']}}"  style="height: 400px;width: 960px"/></a>
				</slide>
		</div>
		<!--轮播图结束-->
		
		<!--大区域-->
		<div class="main">
			<div class="left">
				<h3>文章列表</h3>
				<dl>
					<dt><a href="">精选文章</a></dt>
					<arclist>

						<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>

					</arclist>



				</dl>
				<dl>
					<dt><a href="">时时文章</a></dt>
					<arclist>
					<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>
					</arclist>
				</dl>
			</div>
			
			<!--右侧-->
			<div class="right">
				<!--标题-->
				<div class="title">
					<p>
						<span>文章展示</span>
						<img src="{{__TEMPLATE__}}/images/sd02.jpg" />
					</p>
					<a href=""><img src="{{__TEMPLATE__}}/images/more01.gif"/></a>
				</div>
				<!--标题结束-->
				<!--产品列表-->
				<ul class="product_list">
					<arclist>
					<li>
						<a href="{{__ROOT__}}/{{$field['arc_id']}}.html" class="pic"><img src="{{$field['arc_thumb']}}" /></a>
						<a href="" class="product_title">{{$field['arc_title']}}</a>
					  <p>{{$field['arc_description']}}</p>
					</li>
					</arclist>
				</ul>
				<!--产品列表结束-->
				
				
				
				<!--标题-->
				<div class="title">
					<p>
						<span>后盾网学员回访</span>
						<img src="{{__TEMPLATE__}}/images/sd02.jpg" />
					</p>
					<a href=""><img src="{{__TEMPLATE__}}/images/more01.gif"/></a>
				</div>
				<!--标题结束-->
				<!--产品列表-->
				<ul class="product_list">
					<li>
						<a href="" class="pic"><img src="{{__TEMPLATE__}}/images/students/14938993693de9b611.jpg" /></a>
						<a href="" class="product_title">一个汽车专业学员的转型之路</a>
					  <p>杨胜全同学是后盾网71期（上海第2期）学员，大学学的是汽车专业</p>
					</li>
				</ul>
				<!--产品列表结束-->



				<!--标题-->
				<div class="title">
					<p>
						<span>后盾网学员回访</span>
						<img src="{{__TEMPLATE__}}/images/sd02.jpg" />
					</p>
					<a href=""><img src="{{__TEMPLATE__}}/images/more01.gif"/></a>
				</div>
				<!--标题结束-->
				<!--产品列表-->
				<ul class="product_list">
					<arclist cid="20" thumb="1">
					<li>
						<a href="{{$field['url']}}" class="pic"><img src="{{$field['arc_thumb']}}" /></a>
						<a href="{{$field['url']}}" class="product_title">{{$field['arc_title']}}</a>
						<p>{{$field['arc_description']}}</p>
					</li>
					</arclist>
				</ul>
				<!--产品列表结束-->
			</div>
			<!--右侧结束-->
		</div>
		<!--大区域结束-->
		
		<!--车间-->
		<!--这个轮播图非常聪明，只需要向ul里遍历li数据即可。其他的事情js帮你搞定-->
		<div id="factory">
			<div class="line"></div>
			<h1 style="text-align: center;line-height: 50px;color: #2aa198" >推荐产品</h1>
			<img src="{{__TEMPLATE__}}/images/ico_l01.jpg" class="icon1" />
			<img src="{{__TEMPLATE__}}/images/ico_r01.jpg" class="icon2" />
			<div class="center">
				<ul>
					<li>
						<img src="{{__TEMPLATE__}}/images/a.jpg" />
						<a href="">葫芦娃救爷爷一个一个送</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/b.jpg" />
						<a href="">葫芦娃救爷爷一个一个送</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/d.jpg" />
						<a href="">葫芦娃救爷爷一个一个送</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/e.jpg" />
						<a href="">葫芦娃救爷爷一个一个送</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/f.jpg" />
						<a href="">唐僧取经配套齐全</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/g.jpg" />
						<a href="">唐僧取经配套齐全</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/h.jpg" />
						<a href="">唐僧取经配套齐全</a>
					</li>
					<li>
						<img src="{{__TEMPLATE__}}/images/j.jpg" />
						<a href="">唐僧取经配套齐全</a>
					</li>

				</ul>
			</div>
		</div>
		<!--车间结束-->
		<img src="{{__TEMPLATE__}}/images/ge02.jpg" id="shadow" />
		
		<!--友情链接-->
		<p id="link">友情链接</p>
		<div id="webs">
			<a href="">后盾网</a>

		</div>
		<!--友情链接结束-->

</block>